<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>京东首页</title>
    <link rel="stylesheet" href="../css/react.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../font/iconfont.css" />
  </head>
  <body>
    <!-- 广告栏 -->
    <div id="continer">
      <div class="poster continer">
        <a href="#"><img src="../images/canvas_02.jpg" alt="广告"/></a>
        <img src="../images/canvas_04.jpg" alt="" />
      </div>
    </div>
    <!-- 导航 -->
    <div id="continer" class="bignav">
     
    <!-- 导航 -->
      <div class="continer nav">
         <!-- 返回顶部 -->
    <div class="toTop">
      <ul>
        <li><a href="javascript:;">京东秒杀</a></li>
        <li><a href="javascript:;">特色优选</a></li>
        <li><a href="javascript:;">频道广场</a></li>
        <li><a href="javascript:;">为你推荐</a></li>
        <li><a href="javascript:;">频道客服</a></li>
        <li><a href="javascript:;">意见反馈</a></li>
        <li class="gotop"><a href="javascript:;">返回顶部</a></li>
      </ul>
    </div>
        <div class="nav_left">
          <i class="iconfont icon-dingwei"></i><span>深圳</span>
        </div>
        <div class="nav_right">
          <div class="login">
            <span class="hello">你好，请登录</span><a href="./register.html">免费注册</a>
          </div>
          <ul>
            <li><a href="#">我的订单</a></li>
            <li>
              <a href="#">我的京东</a><img src="../images/xia_09.jpg" alt="" />
            </li>
            <li><a href="#">京东会员</a></li>
            <li>
              <a href="#">企业采购</a><img src="../images/xia_09.jpg" alt="" />
            </li>
            <li>
              <a href="#">客户服务</a><img src="../images/xia_09.jpg" alt="" />
            </li>
            <li>
              <a href="#">网站导航</a><img src="../images/xia_09.jpg" alt="" />
            </li>
            <li><a href="#">手机京东</a></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 搜索部分 -->
    <div id="continer" class="bigsearch">
      <div class="continer search">
        <h1 title="京东"><img src="../images/logo_14.jpg" alt="logo" /></h1>
        <div class="search_center">
          <div class="search_top">
            <div class="top_left">
              <input type="text" placeholder="天梭手表" /><button>
                <i class="iconfont icon-sousuo"></i></button
              ><i class="iconfont icon-xiangji"></i>
            </div>
            <a href="./shops.html" class="top_right">
              <i class="iconfont icon-gouwuche"></i>
              <span class="shops">0</span>
              我的购物车
            </a>
            <ul class="bottom">
              <li><a href="#" class="one">新芝士蛋糕</a></li>
              <li><a href="#">家装节</a></li>
              <li><a href="#">美妆新品</a></li>
              <li><a href="#">腕表直降</a></li>
              <li><a href="#">耕地机</a></li>
              <li><a href="#">好药到家</a></li>
              <li><a href="#">新潮鞋履</a></li>
              <li><a href="#">防疫物资</a></li>
              <li><a href="#">每天100-50</a></li>
            </ul>
          </div>
          <div class="search_bottom">
            <li><a href="#" class="one">秒杀</a></li>
            <li><a href="#" class="two">优惠卷</a></li>
            <li><a href="#">PLUSh会员</a></li>
            <li><a href="#">品牌闪购</a></li>
            <li><a href="#">拍卖</a></li>
            <li><a href="#">京东家电</a></li>
            <li><a href="#">京东超市</a></li>
            <li><a href="#">京东生鲜</a></li>
            <li><a href="#">京东国际</a></li>
            <li><a href="#">京东金融</a></li>
          </div>
        </div>
        <div class="search_right">
          <img src="../images/er_14.jpg" alt="" />
        </div>
      </div>
    </div>
    <!-- 列表 -->
    <div id="continer" class="biglist">
      <div class="continer list">
        <!-- 左边 -->
        <div class="list_left">
          <li>
            <a href="#">家用电器</a>
          </li>
          <li>
            <a href="#">手机</a>
            <span>/</span>
            <a href="#">运营商</a>
            <span>/</span>
            <a>数码</a>
          </li>
          <li>
            <a href="#">电脑</a>
            <span>/</span>
            <a href="#">办公</a>
          </li>
          <li>
            <a href="#">家居</a>
            <span>/</span>
            <a href="#">家具</a>
            <span>/</span>
            <a href="#">家装</a>
            <span>/</span>
            <a href="#">厨具</a>
          </li>
          <li>
            <a href="#">男装</a>
            <span>/</span>
            <a href="#">女装</a>
            <span>/</span>
            <a href="#">童装</a>
            <span>/</span>
            <a href="#">内衣</a>
          </li>
          <li>
            <a href="#">美妆</a>
            <span>/</span>
            <a href="#">个护清洁</a>
            <span>/</span>
            <a href="#">宠物</a>
          </li>
          <li>
            <a href="#">女鞋</a>
            <span>/</span>
            <a href="#">箱包</a>
            <span>/</span>
            <a href="#">钟表</a>
            <span>/</span>
            <a href="#">珠宝</a>
          </li>
          <li>
            <a href="#">男鞋</a>
            <span>/</span>
            <a href="#">运动</a>
            <span>/</span>
            <a href="#">户外</a>
          </li>
          <li>
            <a href="#">房产</a>
            <span>/</span>
            <a href="#">汽车</a>
            <span>/</span>
            <a href="#">汽车用品</a>
          </li>
          <li>
            <a href="#">母婴</a>
            <span>/</span>
            <a href="#">玩具乐器</a>
          </li>
          <li>
            <a href="#">食品</a>
            <span>/</span>
            <a href="#">酒类</a>
            <span>/</span>
            <a href="#">生鲜</a>
            <span>/</span>
            <a href="#">特产</a>
          </li>
          <li>
            <a href="#">艺术</a>
            <span>/</span>
            <a href="#">礼品鲜花</a>
            <span>/</span>
            <a href="#">农资绿植</a>
          </li>
          <li>
            <a href="#">医药保健</a>
            <span>/</span>
            <a href="#">计生情趣</a>
          </li>
          <li>
            <a href="#">图书</a>
            <span>/</span>
            <a href="#">文娱</a>
            <span>/</span>
            <a href="#">教育</a>
            <span>/</span>
            <a href="#">电子书</a>
          </li>
          <li>
            <a href="#">机票</a>
            <span>/</span>
            <a href="#">酒店</a>
            <span>/</span>
            <a href="#">旅游</a>
            <span>/</span>
            <a href="#">生活</a>
          </li>
          <li>
            <a href="#">理财</a>
            <span>/</span>
            <a href="#">众筹</a>
            <span>/</span>
            <a href="#">白条</a>
            <span>/</span>
            <a href="#">保险</a>
          </li>
          <li>
            <a href="#">安装</a>
            <span>/</span>
            <a href="#">维修</a>
            <span>/</span>
            <a href="#">清洗</a>
            <span>/</span>
            <a href="#">二手</a>
          </li>
          <li>
            <a href="#">工业品</a>
          </li>
        </div>
        <!-- 中间轮播图 -->
        <div class="list_chart">
          <ul>
            <li class="active">
              <a href="#"><img src="../images/1.jpg" alt=""/></a>
            </li>
            <li>
              <a href="#"><img src="../images/2.jpg" alt=""/></a>
            </li>
            <li>
              <a href="#"><img src="../images/3.jpg" alt=""/></a>
            </li>
            <li>
              <a href="#"><img src="../images/4.jpg" alt=""/></a>
            </li>
            <li>
              <a href="#"><img src="../images/5.jpg" alt=""/></a>
            </li>
            <li>
              <a href="#"><img src="../images/6.jpg" alt=""/></a>
            </li>
            <li>
              <a href="#"><img src="../images/7.jpg" alt=""/></a>
            </li>
            <li>
              <a href="#"><img src="../images/8.jpg" alt=""/></a>
            </li>
          </ul>
          <ol>
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ol>
          <button class="chart_left">
            &lt;
          </button>
          <button class="chart_right">
            &gt;
          </button>
        </div>
        <!-- 右边展示 -->
        <div class="list_right">
          <li class="dis"> 
            <a href="#"
              ><img
                src="https://img13.360buyimg.com/babel/s380x300_jfs/t1/92062/36/16710/78251/5e815b39Ef683f25b/4f35e6e1bdba8142.jpg.webp"
                alt=""
            /></a>
            <a href="#"
              ><img
                src="https://img30.360buyimg.com/babel/s380x300_jfs/t1/92177/29/16988/70913/5e81acb7Ed9b58b40/f395f8c6a0035429.jpg.webp"
                alt=""
            /></a>
            <a href="#"
              ><img
                src="https://img20.360buyimg.com/pop/s380x300_jfs/t1/87941/35/15436/73323/5e71b597E0dd1894e/13105fba9ff47804.jpg.webp"
                alt=""
            /></a>
          </li>
          </li>
          <li>
            <a href="#"><img src="https://img30.360buyimg.com/babel/s380x300_jfs/t1/100526/21/17036/49451/5e8052cfEdf03442a/4e27a35a0297076b.jpg.webp" alt=""/></a
            ><a href="#"><img src="https://img14.360buyimg.com/babel/s380x300_jfs/t1/100490/31/16389/51582/5e7c0989E63c18a8e/055bcd907fd61cb9.jpg.webp" alt=""/></a
            ><a href="#"><img src="https://img14.360buyimg.com/babel/s380x300_jfs/t1/104207/6/16988/71808/5e81b07dE08595505/1ed9fd2f8d1af2a6.jpg.webp" alt=""/></a>
          </li>
          <li>
            <a href="#"><img src="https://img14.360buyimg.com/babel/s380x300_jfs/t1/106020/11/16890/52632/5e7da463E18f2391e/5347624ec5ec881a.jpg.webp" alt=""/></a
            ><a href="#"><img src="https://img13.360buyimg.com/babel/s380x300_jfs/t1/108438/7/10736/58922/5e81595aEeae7702e/af73d4613da1c661.jpg.webp" alt=""/></a
            ><a href="#"><img src="https://img30.360buyimg.com/babel/s380x300_jfs/t1/88483/18/16479/56472/5e7c8ce1E832533c2/b6dfaa24106717da.jpg.webp" alt=""/></a>
          </li>
          <button class="btn_left">
            &lt;
          </button>
          <button class="btn_right">
            &gt;
          </button>
          

        </div>
        <!-- 登录注册 -->
        <div class="list_login">
          <div class="login_top">
            <div class="logo">
              <h2><a href="#"></a></h2>
              <div class="right">
                <p>Hi~欢迎逛京东!</p>
                <h5><a href="./login.html">登录</a><span>|</span><a href="./register.html">注册</a></h5>
              </div>
            </div>
            <div class="new">
              <a href="#">新人福利</a>
              <a href="#">PLUS会员</a>
            </div>
          </div>
          <div class="login_center">
            <div class="top"></div>
            <p>
              <span>京东快报</span><a href="#">更多<i>></i></a>
            </p>
            <div class="center">
              <ul>
                <li>
                  <span>热议</span>
                  <a href="#">干净有味道，胡渣男...</a>
                </li>
                <li>
                  <span>推荐</span>
                  <a href="#">什么蓝牙耳机好? 盘...</a>
                </li>
                <li>
                  <span>热门</span>
                  <a href="#">凝聚顶尖科技，在折...</a>
                </li>
                <li>
                  <span>热议</span>
                  <a href="#">黑科技小火车，搞定...</a>
                </li>
              </ul>
            </div>
            <div class="bottom"></div>
          </div>
          <div class="login_bottom">
            <li>
              <span>话费</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            </li>
            <li>
              <span>机票</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/36478/38/5384/2901/5cbf065aEb0c60a12/afb4399323fe3b76.png" alt="">
            </li>
            <li>
              <span>酒店</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/31069/34/14642/979/5cbf0665Ec7dc8223/5fee386254dd2ebc.png" alt="">
            </li>
            <li>
              <span>游戏</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/32403/22/14829/3699/5cbf0674E04723693/caa83ce9b881cd24.png" alt="">
            </li>
            <li>
              <span>加油卡</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/104305/33/13082/3048/5e55db8cE3c971d21/4cccb26719b9f41e.png" alt="">
            </li>
            <li>
              <span>火车票</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/102252/13/13270/1581/5e55dd28Ebf5f936a/0079d005b3eb8af9.png" alt="">
            </li>
            <li>
              <span>众筹</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/92304/16/13311/1685/5e55de81Ed60bac6f/068dd0af592d40ee.png" alt="">
            </li>
            <li>
              <span>理财</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/99923/4/13157/3447/5e55db9fEe6f01ecf/63939dde753166d1.png" alt="">
            </li>
            <li>
              <span>白条</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/95113/34/13243/1443/5e55dba6E20f122bf/3d0b478a97caa24a.png" alt="">
            </li>
            <li>
              <span>电影票</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/109398/22/7043/3066/5e55dd34E7ab9b078/274b5a5e95586510.png" alt="">
            </li>
            <li>
              <span>企业购</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/87213/36/13181/826/5e55dbb1E449e65ad/0ed1e76bc725edfd.png" alt="">
            </li>
            <li>
              <span>礼品卡</span>
              <img src="https://m.360buyimg.com/babel/jfs/t1/106645/22/13331/815/5e55dbb9Ee1a04871/a4a758739ea0f183.png" alt="">
            </li>
          </div>
        </div>
      </div>
    </div>
    <!-- 商品推荐 -->
    <div id="continer" class="biggood">
      <h2>推荐精选</h2>

      <div class="continer shopList">
        
      </div>
      <div class="bbox"></div>
    </div>
    <!-- 发现好货 -->
    <div class="goodShop" id="continer">
      <div class="continer smallShop">
        <div class="smleft">
          <img src="../images/fx_03.jpg" alt="">
        </div>
        <div class="smright">

          <ul class="smtop">
            <li>
              <a href="javascript:;">
                <span>俄罗斯 紫龙晶手镯</span>
                <img src="https://img14.360buyimg.com/mobilecms/s300x300_jfs/t23821/150/1383390870/44273/e2ece9db/5b5ae2f6N6b00abe4.jpg!q70.jpg.webp"></img>
              </a>
              
            </li>
           
            <li>
              <a href="javascript:;">
                <img src="https://img11.360buyimg.com/mobilecms/s300x300_jfs/t16336/234/281016697/243591/e5918f09/5a2eb3a8Ne617d761.jpg!q70.jpg.webp"></img><span>罗品供技机械键盘</span>
              </a>
              </li>
            <li>
              <a href="javascript:;">
                <span>知心奶奶 无糖 红豆面包</span>
              <img src="https://img10.360buyimg.com/mobilecms/s300x300_jfs/t1/30070/26/12422/319369/5cb7413eEb627af9f/03109a4583043f19.jpg!q70.jpg.webp"></img>
              </a>
              
            </li>
           
            <li>
              <a href="javascript:;">
                <img src="https://img30.360buyimg.com/mobilecms/s300x300_jfs/t2974/96/1802531561/76680/78b522f0/57907469N4606eb75.jpg!q70.jpg.webp"></img><span>阿梵尼 绿幽灵手链</span>
              </a>
            </li>
            
            <li>
              <a href="javascript:;">
                <span>尼维克斯 泡沫水雾，喷壶</span>
                <img src="https://img20.360buyimg.com/mobilecms/s300x300_jfs/t1/48627/26/14879/31613/5dbba7acE40e0d8ab/5f7c5f384253f3fc.jpg!q70.jpg.webp"></img>
              </a>
            </li>
           
  
            <li>
              <a href="javascript:;">
                <img src="https://img30.360buyimg.com/mobilecms/s300x300_jfs/t1/24680/35/1237/112272/5c10c15aEa2497e67/1ba1dbeaea2fc217.jpg!q70.jpg.webp"></img><span>健达 混合版 奇趣蛋</span>
              </a>
            </li>
            <a href="javascript:;">
                
            </a>
            
              <li>
                <a href="javascript:;">
                  <span>三枪 圆领磨毛 秋衣秋裤</span>
                  <img src="https://img20.360buyimg.com/mobilecms/s300x300_jfs/t27940/212/579007813/177881/b86cd8cd/5bf80748N8b04c89c.jpg!q70.jpg.webp"></img>
                </a>
              </li>
              
              <li>
                <a href="javascript:;">
                  <img src="https://img11.360buyimg.com/mobilecms/s300x300_jfs/t3148/219/1193181850/218932/142c75fe/57c79585Ne3935097.jpg!q70.jpg.webp"></img><span>罗技防水 无线键盘</span>
                </a>
              </li>
              
              <li>
                <a href="javascript:;">
                  <span>Newark超薄金属</span>
                  <img src="https://img20.360buyimg.com/mobilecms/s300x300_jfs/t1/29007/25/7760/305970/5c6f96beE5ae1f65f/ce63976513b20396.png.webp"></img>
                </a>
              </li>
              
              <li>
                <a href="javascript:;">
                  <img src="https://img14.360buyimg.com/mobilecms/s300x300_jfs/t18118/164/1317942376/167340/2201d46a/5ac4950eNbbcfd8f9.jpg!q70.jpg.webp"></img><span>巧师傅 父亲节蛋糕</span>
                </a>
              </li>
              
             <li>
              <a href="javascript:;">
                <span>俄罗斯 紫龙晶手镯</span>
                <img src="https://img14.360buyimg.com/mobilecms/s300x300_jfs/t23821/150/1383390870/44273/e2ece9db/5b5ae2f6N6b00abe4.jpg!q70.jpg.webp"></img>
              </a>
            </li>
            
            <li>
              <a href="javascript:;">
                <img src="https://img11.360buyimg.com/mobilecms/s300x300_jfs/t16336/234/281016697/243591/e5918f09/5a2eb3a8Ne617d761.jpg!q70.jpg.webp"></img><span>罗品供技机械键盘</span>
              </a>
            </li>
            
            <li>
              <a href="javascript:;">
                <span>知心奶奶 无糖 红豆面包</span>
                <img src="https://img10.360buyimg.com/mobilecms/s300x300_jfs/t1/30070/26/12422/319369/5cb7413eEb627af9f/03109a4583043f19.jpg!q70.jpg.webp"></img>
              </a>
            </li>            
            <li>
              <a href="javascript:;">
                <img src="https://img30.360buyimg.com/mobilecms/s300x300_jfs/t2974/96/1802531561/76680/78b522f0/57907469N4606eb75.jpg!q70.jpg.webp"></img><span>阿梵尼 绿幽灵手链</span> 
              </a>
            </li>            
            <li>
              <a href="javascript:;">
                <span>尼维克斯 泡沫水雾，喷壶</span>
              <img src="https://img20.360buyimg.com/mobilecms/s300x300_jfs/t1/48627/26/14879/31613/5dbba7acE40e0d8ab/5f7c5f384253f3fc.jpg!q70.jpg.webp"></img>
              </a>
            </li>
          </ul>
          <div class="smbottom">
            <p class="xmove"></p>
          </div>
        </div>
        
      </div>

    </div>
    <!-- 底部 -->
    <div id="continer" class="Footer">
      <div class="foot_top">
        <ul>
          <li>品类齐全,轻松购物</li>
          <li>多仓直发,极速配送</li>
          <li>正品行货,精致服务</li>
          <li>天天低价,畅选无忧</li>
        </ul>
      </div>
      <div class="footer continer">
        <ul class="all_left">
          <li>
            <h5>购物指南</h5>
            <a href="#">购物流程</a>
            <a href="#">会员介绍</a>
            <a href="#">生活旅行</a>
            <a href="#">常见问题</a>
            <a href="#">大家电</a>
            <a href="#">联系客服</a>
          </li>
          <li>
            <h5>配送方式</h5>
            <a href="#">上门自提</a>
            <a href="#">211限时达</a>
            <a href="#">配送服务查询</a>
            <a href="#">配送费收取标准</a>
            <a href="#">海外配送</a>

          </li>
          <li>
            <h5>支付方式</h5>
            <a href="#">货到付款</a>
            <a href="#">在线支付</a>
            <a href="#">分期付款</a>
            <a href="#">公司转账</a>

          </li>
          <li>
            <h5>售后服务</h5>
            <a href="#">售后政策</a>
            <a href="#">价格保护</a>
            <a href="#">退款说明</a>
            <a href="#">返修/退换货</a>
            <a href="#">取消订单</a>
          </li>
          <li>
            <h5>特色服务</h5>
            <a href="#">夺宝岛</a>
            <a href="#">DIY装机</a>
            <a href="#">延保服务</a>
            <a href="#">京东E卡</a>
            <a href="#">京东通信</a>
            <a href="#">京鱼座智能</a>
          </li>
        </ul>
        <ul class="all_right">
          <h4>京东自营覆盖区县</h4>
          <p>京东已向全国2661个县区提供自营配送服务，支持货到付款，POS机刷卡和售后上门服务</p>
        <a href="#">查看详情></a>

        </ul>
      </div>
    </div>
    
  </body>
  <script src="../js/index.js"></script>
  <script src="../js/jquery-3.4.1.min.js"></script>
  <script src="../js/Ajax.js"></script>
  <script src="../js/cookie.js"></script>
  <script>
    var uname=getCookie("username");
    if(uname){
      var  data=localStorage.getItem(uname);
          data=JSON.parse(data);          
          if(data){
            $(".shops").text(data.length);
          }else{
            $(".shops").text("0");
          }
          // if(uname!=data[0].username){
          //   $(".shops").text("0");
          //   // localStorage.clear();
          // }
          
          // if(data.name)
      $(".hello").text("欢迎 "+uname);
      $(".hello").css({
        "color":"green",
        "fontSize":"16px",
        "fontWeight":"bold"
      })
    }else{
      $(".hello").text("你好，请登录");

    }
    $(".hello").click(function(){
      if($(".hello").text()=="你好，请登录"){
        location.href="./login.html";
      }
    })

    function chart(){
      var num = 0;
    var timer;
    $(".list_chart .chart_right").on("click", right);
    $(".list_chart .chart_left").on("click", left);
    function right() {
      num++;
      if (num == $(".list_chart ul li").length) {
        num = 0;
      }
      move();
    }
    function move() {
      $($(" .list_chart ul li").get(num))
        .addClass("active")
        .siblings()
        .removeClass("active");
      $($(".list_chart ol li").get(num))
        .addClass("active")
        .siblings()
        .removeClass("active");
    }
    function left() {
      num--;
      if (num < 0) {
        num = $(".list_chart ul li").length - 1;
      }
      move();
    }
    timer = setInterval(right, 3000);
    $(".list_chart ol li").mouseover(function() {
      num = $(this).index();
      move();
    });
    $(".list_chart").mouseover(function() {
      clearInterval(timer);
    });
    $(".list_chart").mouseout(function() {
      timer = setInterval(right, 3000);
    });
    }
    chart();

    function chartRight(){
      var num = 0;
    var timer;
    $(".list_right .btn_left").on("click", right);
    $(".list_right .btn_right").on("click", left);
    function right() {
      num++;
      if (num == $(".list_right li").length) {
        num = 0;
      }
      move();
    }
    function move() {
      $($(" .list_right li").get(num))
        .addClass("dis")
        .siblings()
        .removeClass("dis");
      $($(".list_right li").get(num))
        .addClass("dis")
        .siblings()
        .removeClass("dis");
    }
    function left() {
      num--;
      if (num < 0) {
        num = $(".list_right li").length - 1;
      }
      move();
    }
    timer = setInterval(right, 4000);
    var btn=document.querySelectorAll(".list_right button");
    $(".list_right").mouseover(function() {
      btn[1].style.display="block";
      btn[0].style.display="block";
      clearInterval(timer);
    });
    $(".list_right").mouseout(function() {
      btn[1].style.display="none";
      btn[0].style.display="none";
      timer = setInterval(right, 4000);
    });
    }
    chartRight();


    //商品加载
    setAjax({
      url:"../server/index.php",
      dataType:"json",
      success:function(res){
        // console.log(res);
        var str='';

        for(var i=0;i<10;i++){
            str +=`<a href="./list.html" id="goods">
          <img src="${res[i].img}" alt="">
          <p>${res[i].name}</p>
          <span>￥<i>${res[i].many}</i></span>
        </a>`
          }         
          document.querySelector(".shopList").innerHTML=str;
        }  
    })
  </script>
</html>
